<?php echo $this->layout()->content; ?>
<div data-role="page" data-add-back-btn="true" id="Gallery1" class="gallery-page">

	<div data-role="header" data-position="fixed" data-theme="b">
            	<a data-rel="back" data-role="button" data-inline="true" data-icon="back"><?php echo TEXT_BOTON_REGRESAR;?></a>
                <h1><?php echo $this->escape($this->title); ?></h1>
    </div>

	<div data-role="content">	
		
		<?php
		
			if (count($this->imagenes) > 0){
				echo '<ul class="gallery">';
				foreach ($this->imagenes as $imagen) {
					$urlImagenFull = $this->baseUrl($imagen['ruta_imagen']);
					$urlImagenMiniatura = $this->baseUrl($imagen['ruta_thumb']);
					$descripcion = $imagen['descripcion'];
					echo '<li><a href="'.$urlImagenFull.'" rel="external"><img src="'.$urlImagenMiniatura.'" alt="'.$descripcion.'" /></a></li>';
				}
				echo '</ul>';
			}
			else{
				echo '<h1>El Articulo no contiene imagenes</h1>';
			}
		
		
		?>		

	</div>
	<div data-role="footer" id="pageFooter" data-position="fixed" >
		<?php echo FOOTER;?>                
    </div> 	
</div>